.login-wrapper {
    width: 100%;
    height: 100%;
    background-image: url('./images/bg.jpg');
    background-size: 100% 100%;

    .login-header {
        display: flex;
        // 垂直居中
        align-items: center;
        height: 80px;
        background-color: rgba(21, 20, 13, 0.5);

        img {
            width: 50px;
            height: 50px;
            margin-left: 50px;
        }

        h1 {
            font-size: 30px;
            color: #fff;
            margin: 0 0 0 40px;
        }
    }

    .login-content {
        width: 400px;
        height: 350px;
        background-color: rgba(255, 255, 255, 0.2);
        margin: 160px 0 0 100px;
        padding: 20px 40px;

        h2 {
            font-size: 30px;
            font-weight: bold;
            text-align: center;
            color: #000;
            margin-bottom: 20px;
        }

        .login-form {
            max-width: 300px;

            .login-form-forgot {
                float: right;
            }

            .ant-col-rtl .login-form-forgot {
                float: left;
            }

            .login-form-button {
                width: 100%;
            }
        }
    }
}